<template>
  <view class="search-results">
    <view class="content">
      <block v-for="(product, index) in products" :key="index">
        <products-list-item-com :product="product"></products-list-item-com>
      </block>

      <view class="no-more" v-if="pageHasNoMore">
        --- 没有更多数据了 ---
      </view>
    </view>
  </view>
</template>

<script>
import Pagination from "mixins/Pagination"
import ProductsListItemCom from "../ProductsListItemCom";

export default {
  name: "ProductSearchResultCom",
  components: {ProductsListItemCom},
	mixins:[
		Pagination
	],
  props: {
    products: {
      type: Array,
      request: []
    }
  }
}
</script>

<style lang="scss" scoped>
.search-results {
  width: 100%;
  background-color: white;
  .content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    .no-more {
      width: 100%;
      font-size: 24rpx;
      text-align: center;
      color: #cccccc;
    }
  }
}
</style>
